<script setup lang="ts">
import { reactive } from 'vue'

const dog = reactive({
  name: '旺财',
  age: 18,
  foods: ['🍗', '🍚'],
  break() {}
})
const addFoods = () => {
  dog.foods.push('🌽')
}
</script>
<template>
  <div>{{ dog.name }}</div>
  <button @click="addFoods">{{ dog.foods }}</button>
</template>
<style scoped></style>
